﻿* { margin: 0; padding: 0; border: 0; font-family: Tahoma, Verdana; font-size: 14px; font-weight:normal }
body { text-align: center; background: url(../img/layout/bgtop.gif) no-repeat 0 0; /*min-width: 700px;*/ }
html { background: url(../img/layout/bgbot.gif) no-repeat bottom right; }
#wrapper { text-align: left; width: 940px; margin: 0 auto; /*background: #000 url(sidebar.gif) repeat-y 10px 0;*/ }
#header, #subnav, #footer { clear: both; }
/*#subnav, #footer { background: #ccc; padding: 1px 0; }*/
#header { height: 459px; border-top: 7px solid #C4C4C4; border-bottom: 4px solid #FF1391 }
#footer { height: 120px; color:#808080; font-family: Arial; font-size: 12px; }

#center { margin: 0 175px 0 175px; }
#centerwrap { float: left; width: 100%; margin: 0 -95% 0 0; }
#left { float: left; width: 170px; margin: 0 0 0 -5%; }
#right { float: right; width: 170px; margin: 0; }
/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap { margin: 0 -100% 0 0; }
* html div#left { margin: 0; }

/*****************************************************************************************************************/
a { text-decoration: none; color: #fff }
input[type="image"] { width: 66px; height: 23px; }
.newrow { clear: left; }
.title { font-family: Verdana !important }

/* butter fly */
.butterfly { float: left; left:-50px; top: 50px ; position:relative; overflow:hidden; width: 83px; height: 84px; background: url(../img/layout/butterfly.gif) no-repeat; }

/* logo & cart */
.logocart { clear: both; width: 100%; height: 143px; }
.logocart .search { height:29px; background-color:#C4C4C4;overflow:hidden }
.logo { float: left; width: 50%; color:#519500; position: relative; top: 60px; left: -20px }
.logo label { font-size: 30px !important; font-family: Arial; padding-left:10px }
.cart { float: right; width: 258px; }
.cart .search input[type="image"] { top: 2px; position:relative; float:right; right: 10px }
.cart .search .textbox { width: 164px; height: 19px; float:left; left: 10px; top: 3px; position: relative }

/* cart */
.shoppingcart { border: solid 1px #D2D2D2; padding: 8px 15px 8px 15px; margin: 8px; height: 87px; line-height: 20px; background: url(../img/layout/icon_cart_49x55.jpg) no-repeat 180px 10px; }
.shoppingcart .title label { color: #FF016D; font-size: 16px;  }
.shoppingcart .quantity label { color: #838383; font-weight:bold; font-size: 11px;  }
.shoppingcart .price label { color: #838383; font-size: 11px; }
.shoppingcart input[type="image"] { padding-top: 4px }

/* horizon menu */
.horiMenu { clear: both; width: 100%; height: 36px; color:#fff; }
.horiMenu .menu { float: left; width: 50%; background-color: #FF1391; }
.horiMenu .menu ul { list-style:none; }
.horiMenu .menu li a { text-align: center; padding-top:10px; float:left; width: 90px;height: 26px; background:url(../img/layout/menuline.gif) no-repeat center right;}
.horiMenu .menu li a:hover { background-color:#B80062 !important; }
.horiMenu .menu li.End a { background: none; }
.horiMenu .login { float: right; width: 49%; height: 100%; background-color: #4F9801; padding-right: 5px }
.horiMenu .login input[type="text"], input[type="password"] { width: 85px }
.horiMenu .login input[type="image"] { top: -13px; position:relative; float:right; right: 10px  }
.horiMenu .login ul { padding: 10px; }
.horiMenu .login li { list-style:none; float:left; padding-right:6px; margin-right:6px; }

/* vertical menu & hot deal */
.verMenu { clear: both; width: 100%; padding-top: 5px; }
.verMenu .menu { float: left; width: 50%; height: 263px; background: url(../img/layout/banner.jpg) no-repeat #FF4AAB; }
.verMenu .menu ul { float:right; text-align:right; padding-right: 2px; color:#fff }
.verMenu .menu li { list-style:none; }
.verMenu .menu li a { position:relative; width:130px; height:30px !important; border-bottom: 1px dotted #fff; line-height:40px;padding:10px 20px 10px 20px; }
.verMenu .menu li a:hover { background-color:#B80062;  }
.verMenu .hotdeal { float: right; width: 49%; height: 200px; padding-right: 5px; color: #FF1590 !important }
.verMenu .hotdeal .readmore { float: right; text-decoration: underline; padding: 0 15px 0px 25px; color:#63AF0B !important; background:url(../img/layout/readmore.gif) no-repeat 10px 5px }
.verMenu .hotdeal .img { float:left; width:49%; padding:0px }
.verMenu .hotdeal .img .special { height:63px; float:right; padding-top:25px;font-size: 16px }
.verMenu .hotdeal .info { float:right; width:49%; padding:3px }

/* footer */
#footer .line { border-bottom: 4px solid #FF1391; height: 30px; }

/* body content padding */
#contentholderPadding { padding: 22px 43px 22px 43px; }
#contentholderPadding .underline { border-bottom: 1px dotted #767676 }
#contentholderPadding .title .pink { color:#FF1391; font-size: 24px }
#contentholderPadding .title .green { color:#519500; font-size: 24px }
#contentholderPadding .left { border-left: 1px dotted #767676; float: right }
#contentholderPadding .content { width: 426px; border-bottom: 1px dotted #767676; float:left }

.content {  }
.content .item {padding: 25px 10px 25px 10px}
.item .img { float: left; }
.item .info { height: 146px; width:220px; float:right; padding: 0 0 0 20px; }
.item .info .title a { color:#519500; font-size: 14px; font-family: Tahoma !important; text-decoration: underline }
.item .info .desc { width: 226px; height: 55px; overflow: hidden; padding: 5px 0 0 0; }
.item .info .desc label { font-size: 12px !important; color:#777676 }
.item .info .price label { color:#FF1391 }
.item .info .add { padding: 10px 0 15px 0 }
.item .info input[type="image"] { height:23px; width: 106px; }

/* body content NO padding */
.clearHor { padding-left: 0px !important; padding-right: 0px !important }
